<markdown>
  # 更多用法

  使用 `#title` 自定义 `title`
</markdown>

<template>
  <x-window class="min-h-60 w-80" v-model:fullscreen="fullscreen" :closable="closable" :header-style="headerStyle">
    <template #title>
      <b class="text-5">更多用法</b>
    </template>

    <x-space class="p-2" vertical>
      <x-switch v-model:value="fullscreen" checked="fullscreen" unchecked="fullscreen" />
      <x-switch v-model:value="closable" checked="closable" unchecked="closable" />
    </x-space>
  </x-window>
</template>

<script setup>
import { ref } from 'vue'

const fullscreen = ref(false)
const closable = ref(true)

const headerStyle = 'height: 55px'
</script>
